<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TechNova - Contact Us</title>
    <link rel="stylesheet" href="../css/styles.css">
</head>

<body>
    <div class="container">
        <!-- header.php -->
        <?php include '../common/header.php'; ?>
        
        <div class="contact">
            <h1>Contact Us</h1>
            
            <div class="contact-info">
                <h2>Contact Information</h2>
                <p>Phone: +86 123 4567 8900</p>
                <p>Email: technova8888@outlook.com</p>
                <p>Address: No. 100, Science and Technology Road, Pudong New Area, Shanghai, China</p>
                <h2>Business Hours</h2>
                <table class="table">
                    <tr>
                        <td id="contact-info-th"></td>
                        <td>MON</td>
                        <td>TUE</td>
                        <td>WED</td>
                        <td>THU</td>
                        <td>FRI</td>
                    </tr>
                    <tr>
                        <td>OPEN</td>
                        <td>09.00</td>
                        <td>09.00</td>
                        <td>09.00</td>
                        <td>09.00</td>
                        <td>09.00</td>
                    </tr>
                    <tr>
                        <td colspan="6">Lunch Hour 12.00 - 13.00</td>
                    </tr>
                    <tr>
                        <td>CLOSE</td>
                        <td>18.00</td>
                        <td>18.00</td>
                        <td>18.00</td>
                        <td>18.00</td>
                        <td>16.00</td>
                    </tr>
                    <tr>
                        <td colspan="6">Closed on WEEKENDS and HOLIDAYS</td>
                    </tr>
                </table>
            </div>
            
            <div class="social-media">
                <h2>Social Media</h2>
                <a href="https://www.facebook.com/profile.php?id=61562073546141" target="_blank" class="facebook">Facebook</a>
                <a href="https://www.instagram.com/" target="_blank" class="instagram">Instagram</a>
                <a href="https://web.telegram.org/k/" target="_blank" class="telegram">Telegram</a>
                <a href="https://www.linkedin.com/" target="_blank" class="linkedin">LinkedIn</a>
            </div>
            
            <div class="contact-form">
                <h2>Contact Form</h2>
                <form action="submit_review.php" method="post">
                    <input type="text" name="name" placeholder="Your Name" required>
                    <input type="email" name="email" placeholder="Your Email" required>
                    <textarea name="message" placeholder="Your Message" required></textarea>
                    <button type="submit" class="button">Send Message</button>
                </form>
            </div>
        </div>
    </div>
    
    <!-- footer.php -->
    <?php include '../common/footer.php'; ?>
</body>
</html>